<!DOCTYPE html>
<html lang="zh">

<head>
  <title>seeders-admin后台管理模板2.0</title>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
  <link rel="stylesheet" href="static/css/bootstrap.min.css" />
  <link rel="stylesheet" href="static/css/font-awesome.min.css" />
  <link rel="stylesheet" href="static/css/sdxmenu.css" />
  <link rel="stylesheet" href="static/css/seeder-admin.css" />
</head>

<body>
  <nav class="navbar navbar-expand-lg navbar-light fixed-top" style="background-color: #ffffff;">
    <a class="navbar-brand sdx-trigger">seeder-admin2.0</a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarbody"
      aria-controls="navbarbody" aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
    </button>

    <div class="collapse navbar-collapse" id="navbarbody">
      <ul class="navbar-nav mr-auto">
        <li class="nav-item active">
          <a class="nav-link" href="index.html">首页</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="javascript:void(0)">平台</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="javascript:void(0)">商城</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="javascript:void(0)">资金</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="javascript:void(0)">招商</a>
        </li>
      </ul>

      <ul class="navbar-nav">
        <li class="nav-item active dropdown">
          <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown"
            aria-haspopup="true" aria-expanded="false">
            <img class="sd-img-avatar" src="static/imgs/avatar.png" alt="管理员" />
            admin888
          </a>
          <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
            <a class="dropdown-item" href="#">个人信息</a>
            <a class="dropdown-item" href="#">修改密码</a>
            <div class="dropdown-divider"></div>
            <a class="dropdown-item" href="page_login.html">退出登录</a>
          </div>
        </li>
      </ul>
    </div>
  </nav>

  <aside class="sdxmenu-wrapper" data-sdxmenu>
    <div class="sdxmenu-scroll-box">
      <ul class="sdxmenu">
        <li>
          <a href="javascript:void(0)" class="fa fa-search">
            <input placeholder="请输入搜索内容" class="sdxmenu-search" /></a>
        </li>

        <li><a href="javascript:void(0)" class="fa fa-home">关于</a></li>

        <li class="sdxmenu-item-has-submenu">
          <a href="javascript:void(0)" class="fa fa-wrench">工具类</a>
          <ul class="sdxmenu-submenu">
            <li>
              <a href="javascript:void(0)" class="fa fa-code-fork">浮动</a>
            </li>
          </ul>
        </li>
        <li class="sdxmenu-item-has-submenu">
          <a href="javascript:void(0)" class="fa fa-check-square-o">表单</a>
          <ul class="sdxmenu-submenu">
            <li>
              <a href="forms_demo.html" class="fa fa-code-fork">演示</a>
            </li>
            <li>
              <a href="forms_control.html" class="fa fa-code-fork">控件</a>
            </li>
            <li>
              <a href="forms_validate.html" class="fa fa-code-fork">验证</a>
            </li>

          </ul>
        </li>

        <li class="sdxmenu-item-has-submenu">
          <a href="javascript:void(0)" class="fa fa-building">组件</a>
          <ul class="sdxmenu-submenu">
            <li>
              <a href="component_button.html" class="fa fa-code-fork">按钮</a>
            </li>
            <li>
              <a href="component_badge.html" class="fa fa-code-fork">徽章</a>
            </li>
            <li>
              <a href="component_alert.html" class="fa fa-code-fork">警告框</a>
            </li>
            <li>
              <a href="component_table.html" class="fa fa-code-fork">表格</a>
            </li>
            <li>
              <a href="component_datepicker.html" class="fa fa-code-fork">日期选择器</a>
            </li>
            <li>
              <a href="component_richtext.html" class="fa fa-code-fork">富文本</a>
            </li>
          

          </ul>
        </li>

        <li class="sdxmenu-item-has-submenu">
          <a href="javascript:void(0)" class="fa fa-paper-plane-o">页面</a>
          <ul class="sdxmenu-submenu">
            <li>
              <a href="page_login.html" class="fa fa-code-fork">登录页面</a>
            </li>
            <li>
              <a href="page_curd.html" class="fa fa-code-fork">curd页面</a>
            </li>

          </ul>
        </li>



        <li class="sdxmenu-item-has-submenu">
          <a href="javascript:void(0)" class="fa fa-tachometer">仪表盘</a>
          <ul class="sdxmenu-submenu">
            <li>
              <a href="dashboard_chart.js.html" class="fa fa-code-fork">chart.js</a>
            </li>
            <li>
              <a href="javascript:void(0)" class="fa fa-code-fork">echartsjs.js(百度产品)</a>
            </li>
          </ul>
        </li>


        <li><a href="javascript:void(0)" class="fa fa-home">图标</a></li>
      </ul>
    </div>
  </aside>

  <main class="container">
    <div class="text-center mt-5">
      <h2>Cms系统必不可少的富文本编辑器插件</h2>
      <p>相同类型的产品也有很多,比如有ueditor,CKEditor,wangEditor,kindeditor等等</p>
      <p>ueditor很经典,玩贴吧都看到过那个经典的熟悉的编辑器,但是已经很久没更新了</p>
      <p>放弃它吧,这款还是完美自适应的功能强大,学会这一款别的都不用学了</p>
    </div>
    <form>
      <div class="form-group row">
        <label for="inputEmail3" class="col-sm-2 col-form-label">文章标题</label>
        <div class="col-sm-10">
          <input type="email" class="form-control" id="inputEmail3" />
        </div>
      </div>
      <div class="form-group row">
        <label for="inputPassword3" class="col-sm-2 col-form-label">文章内容</label>
        <div class="col-sm-10">
          <textarea class="form-control tinymce" rows="3"></textarea>
        </div>
      </div>

      <div class="form-group row">
        <div class="col-sm-10 offset-sm-2 mt-5">
          <button type="submit" class="btn btn-sm btn-primary">
            发布
          </button>
        </div>
      </div>
    </form>



  </main>

  <script src="static/js/jquery-3.4.1.min.js"></script>
  <script src="static/js/popper.min.js"></script>
  <script src="static/js/bootstrap.min.js"></script>
  <script type="text/javascript" src="static/js/sdxmenu.js"></script>
  <script type="text/javascript" src="static/js/seeders-admin.js"></script>

  <!-- tinymce富文本插件依赖 -->
  <script type="text/javascript" src="lib/tinymce/tinymce.min.js"></script>
  <script type="text/javascript" src="lib/tinymce/langs/zh_CN.js"></script>


  <script type="text/javascript">
    tinymce.init({
      selector: ".tinymce",
      //skin:'oxide-dark',
      language: "zh_CN",
      plugins:
        "print preview searchreplace autolink directionality visualblocks visualchars fullscreen image link media template code codesample table charmap hr pagebreak nonbreaking anchor insertdatetime advlist lists wordcount imagetools textpattern help emoticons autosave ",
      toolbar:
        "code undo redo restoredraft | cut copy paste pastetext | forecolor backcolor bold italic underline strikethrough link anchor | alignleft aligncenter alignright alignjustify outdent indent | \
  styleselect formatselect fontselect fontsizeselect | bullist numlist | blockquote subscript superscript removeformat | \
  table image media charmap emoticons hr pagebreak insertdatetime print preview | fullscreen ",
      height: 300, //编辑器高度
      min_height: 300,
      fontsize_formats: "12px 14px 16px 18px 24px 36px 48px 56px 72px",
      font_formats:
        "微软雅黑=Microsoft YaHei,Helvetica Neue,PingFang SC,sans-serif;苹果苹方=PingFang SC,Microsoft YaHei,sans-serif;宋体=simsun,serif;仿宋体=FangSong,serif;黑体=SimHei,sans-serif;Arial=arial,helvetica,sans-serif;Arial Black=arial black,avant garde;Book Antiqua=book antiqua,palatino;",
      link_list: [
        { title: "预置链接1", value: "http://www.tinymce.com" },
        { title: "预置链接2", value: "http://tinymce.ax-z.cn" },
      ],
      image_list: [
        {
          title: "预置图片1",
          value: "https://www.tiny.cloud/images/glyph-tinymce@2x.png",
        },
        {
          title: "预置图片2",
          value: "https://www.baidu.com/img/bd_logo1.png",
        },
      ],
      image_class_list: [
        { title: "None", value: "" },
        { title: "Some class", value: "class-name" },
      ],
      importcss_append: true,
      //自定义文件选择器的回调内容
      file_picker_callback: function (callback, value, meta) {
        if (meta.filetype === "file") {
          callback("https://www.baidu.com/img/bd_logo1.png", {
            text: "My text",
          });
        }
        if (meta.filetype === "image") {
          callback("https://www.baidu.com/img/bd_logo1.png", {
            alt: "My alt text",
          });
        }
        if (meta.filetype === "media") {
          callback("movie.mp4", {
            source2: "alt.ogg",
            poster: "https://www.baidu.com/img/bd_logo1.png",
          });
        }
      },
      autosave_ask_before_unload: false,
    });
  </script>
</body>

</html>